body {
    font-family: 'American Typewriter';
    margin: 0px !important;
}

.footer {
    position: absolute;
    bottom: 50px;
    font-size: 30px;
    text-align: center;
    width: 100%;
}

textarea { resize: none; }

.fLeft { float: left; }
.fRight { float: right; }

.fullHeight { height: 100%; }

.flagBlue { color: rgb( 40, 48, 109 ); }
.flagRed { color: rgb( 172, 38, 69 ); }

.centerText { text-align: center; }

.bold { font-weight: bold; }

.hide { display: none; }

.clear { clear: both; }

.autoMarginWidth {
    margin: 0px auto;
}

.autoMarginHeight {
    margin: auto 0px;
}

.singleQuestionTwoButtonRow {
    width: 90%;
    margin: 0px auto;
}

.singleQuestionOneButtonRow {
    margin: 100px auto 0px auto;
}

.singleQuestionButton .buttonMainText {
    text-align: center;
    font-weight: bold;
    font-size: 65px;
}

.singleQuestionButton .buttonDetailText {
    text-align: center;
    font-size: 30px;
}

.singleQuestionButton {
    padding: 5px 10px;
    width: 465px;
}
   
.singleQuestionButtonShadow { 
    box-shadow: 0px 4px 10px 0px #000;
    -webkit-box-shadow: 0px 4px 10px 0px #000;
}
 
.blueButton {
    background-color: #66CCFF;
}

.greyButton {
    background-color: #E0E0E0;
}

.splashQuestionContainer {
    font-size: 65px;
}

.splashQuestionBottomMargin {
    margin-bottom: 50px;
}

.formLabel {
    text-align: right;
    width: 100px;
    float: left;
    margin-right: 20px;
    font-size: 21px;
    white-space: nowrap;
}

.formRow {
    margin: 10px;
}

.nameInput {
    width: 350px;
    height: 25px;
    font-size: 19px;
}

.ageInput {
    width: 100;
    height: 25px;
    font-size: 19px;
}

.hometownInput {
    width: 350px;
    height: 25px;
    font-size: 19px;
}

.contributeInput {
    width: 700px;
    height: 100px;
    font-size: 19px;
    float: left;
}

.keyboardContainer {
    width: 100%;
    margin-top: 5px;
    position: relative;
}

.firstQuestionRow {
    margin-bottom: 100px;
}

.anotherQuestion {
    width: 475px;
    font-size: 30px;
    margin-right: 100px;
}

.anotherQuestionAction {
    width: 600px;
}

.submitButton {
    background-color: #ACE1AF;
}

.contributeSuccessMainPanel {
    margin: 200px 500px 0px 500px;
}

.contributeSuccessAnswer {
    margin-top: 50px;
}

.contributionInfo {
    margin-bottom: 300px;
}

.thankYouMessage {
    font-size: 28px;
    text-align: center;
    margin-bottom: 75px;
}

.webInfo {
    margin-top: 300px;
    text-align: center;
}

.finalPanel {
    margin: 0 200px;
}

.splashASecondRowMargin {
    margin-left: 145px;
}

.splashBSecondRowMargin {
    margin-left: 95px;
}

.splashCSecondRowMargin {
    margin-left: 475px;
}

.contributeButton {
    background-color: rgb( 148, 200, 236 );
    color: rgb( 40, 48, 109 );
}

.viewButton {
    background-color: rgb( 220, 232, 246 );
    color: rgb( 40, 48, 109 );
}

.chooseButton {
    background-color: rgb( 102, 102, 102 );
    color: white;
}


.page3Container {
    margin-top: 25px;
}

.page3Question {
    font-size: 45px;
    margin-bottom: 5px;
}

.page4Question {
    padding-top: 35px;
    font-size: 45px;
    margin-bottom: 5px;
    text-align: center;
}

.page3MainPanel { }

.page3LeftPanel{
    width: 295px;
    float: left;
}

.page3EmailNotify {
    font-size: 17px;
    text-align: center;
    margin-top: 20px;
}

.page3Disclaimer {
    font-size: 13px;
    margin-bottom: 25px;
    color: rgb( 40, 48, 109 );
}

.page3WebNotify {
    font-size: 13px;
    color: rgb( 40, 48, 109 );
}

.page5ContributeButton .buttonMainText {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.page5ContributeButton .buttonDetailText {
    text-align: center;
    font-size: 14px;
}

.page5ContributeButton {
    padding: 5px 10px;
    width: 208px;
    height: 58px;
    margin-top: 25px;
}

.page5ChooseButton .buttonMainText {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.page5ChooseButton .buttonDetailText {
    text-align: center;
    font-size: 14px;
}

.page5ChooseButton {
    padding: 5px 10px;
    width: 208px;
    height: 58px;
    margin-top: 25px;
}

.page5ChooseButtonShadow {
    box-shadow: 0px 2px 5px 0px #000;
    -webkit-box-shadow: 0px 2px 5px 0px #000;
}

.page5ContributeButtonShadow {
    box-shadow: 0px 2px 5px 0px #000;
    -webkit-box-shadow: 0px 2px 5px 0px #000;
}

.page3ChooseButton .buttonMainText {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.page3ChooseButton .buttonDetailText {
    text-align: center;
    font-size: 14px;
}

.page3ChooseButton {
    padding: 5px 10px;
    width: 208px;
    height: 58px;
    margin-top: 25px;
    //position: absolute;
    float: left;
    margin-left: 50px;
}

.page3ChooseButtonShadow {
    box-shadow: 0px 2px 5px 0px #000;
    -webkit-box-shadow: 0px 2px 5px 0px #000;
}

.page3RightPanel {
    float: left;
    margin-left: 55px;
}

.greyText { color: grey; }

.page5Button .buttonDetailText {
    font-size: 19px;
}

.page5Button .buttonMainText {
    font-size: 41px;
    font-weight: bold;
}

.page5Button {
    height: 80px;
    width: 289px;
    text-align: center;
}

.page5ButtonShadow {
    box-shadow: 0px 2px 5px 0px #000;
    -webkit-box-shadow: 0px 2px 5px 0px #000;
}

.page3SubmitButton .buttonMainText {
    font-size: 30px;
    font-weight: bold;
}

.page3SubmitButton {
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    //float: right;
    background-color: rgb( 185, 220, 166 );
    height: 89px;
    width: 208px;
    bottom: 0px;
    right: 100px;
    //margin: 0 auto;
    //margin-left: 50px;
}

.page3SubmitButtonShadow {
    box-shadow: 0px 2px 5px 0px #000;
    -webkit-box-shadow: 0px 2px 5px 0px #000;
}

.shortInputContainer {
    float: left;
}

.disclaimerContainer {
    float: left;
    padding-left: 50px;
}

.page5Container {
    height: 768px;
    width: 1366px;
}

.page4Container {
    height: 768px;
    width: 1366px;
    position: relative;
}

.page6Container {
    height: 768px;
    width: 1366px;
    position: relative;
}

.page7Container {
    height: 768px;
    width: 1366px;
    position: relative;
}

.page4LeftPanel { float: left; }
.page4RightPanel { float: left; font-size: 21px; height: 400px; overflow: auto; }

.page5QuestionContainer { position: absolute; }

.nextResponseButton {
    position: absolute;
    bottom: 50px;
    right: 50px;
    background-color: rgb( 220, 232, 246 );
    color: rgb( 40, 48, 109 );
    width: 208px;
    height: 58px;
    text-align: center;
    font-size: 21px;
}

.nextResponseButtonShadow {
    box-shadow: 0px 2px 5px 0px #000;
    -webkit-box-shadow: 0px 2px 5px 0px #000;
}

.continueButton {
    background-color: rgb( 220, 232, 246 );
    color: rgb( 40, 48, 109 );
    width: 208px;
    height: 58px;
    text-align: center;
    font-size: 30px;
    float: left;
}

.continueButtonShadow {
    box-shadow: 0px 2px 5px 0px #000;
    -webkit-box-shadow: 0px 2px 5px 0px #000;
}

.page6ThankYou { font-size: 50px; padding: 50px; text-align: center; }

.page6Footer { position: absolute; bottom: 100px; width: 100%;}

.page7TextContainer { font-size: 45px; margin-left: 50px; padding-top: 100px; }

.modalBoxForm { font-size: 30px; font-weight: bold; text-align: center; }

.confirmLeaveButton {
    padding: 10px;
    margin: 10px;
    border: 1px solid black;
}

.cancelLeaveButton {
    padding: 10px;
    margin: 10px;
    border: 1px solid black;
}
